// 创建一个路由器,并暴露出去

// 第一步: 引入createRouter
import { createRouter,createWebHistory } from "vue-router"
// 引入一个一个可能要呈现的组件
import Home from '@/pages/Home.vue'
import News from '@/pages/News.vue'
import About from '@/pages/About.vue'
import Detail from '@/pages/Detail.vue'


// 第二步: 创建路由器
const router = createRouter({
    history:createWebHistory(), //路由器的工作模式
    routes:[ // 一个一个的路由规则
        {
            name:'zhuye',
            path:'/home',
            component: Home
        },
        {
            name:'xinwen',
            path:'/news',
            component: News,
            children:[
                {
                    name:'detail',
                    path:'detail/:id/:title/:content?',
                    component:Detail,

                    // 第一种写法: 将路由收到的所有params参数作为props传给路由组件
                    // props:true

                    // 第二种写法: 可以自己决定将什么作为props给路由组件
                    // props(){
                    //     return {
                    //         x:100,
                    //         y:200,
                    //         z:300
                    //     }
                    // }
                }
            ]
        },
        {
            name:'guanyu',
            path:'/about',
            component: About
        },
    ]
})

// 暴露出去router
export default router
